<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>首页</title>
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/layer.css" />
<link rel="stylesheet" href="../../fonts/iconfont.css" />
</head>

<body>
<!-- title -->
<section class="process_title"><i>产品换款</i></section>

<main class="content">

    <!-- 流程 -->
    <section class="process fanx">
        <b class="right huan"></b>
        <b class="left seu"></b>
        <b class="muye"></b>
        <b class="sec"></b>
        <ul>
            <li class="hover">
                <span><i class="t13"></i></span>
                <em>估价</em>
            </li>
            <li class="hover">
                <span><i class="t01"></i></span>
                <em>拍照提交订单</em>
            </li>
            <li class="hover">
                <span><i class="t03"></i></span>
                <em>平台收货</em>
            </li>
            <li class="hover">
                <span><i class="t07"></i></span>
                <em>收货验收</em>
            </li>
            <li>
                <span><i class="t11"></i></span>
                <em>确认换款</em>
            </li>
            <li>
                <span><i class="t06"></i></span>
                <em>邮寄</em>
            </li>
            <li class="hover">
                <span><i class="t10"></i></span>
                <em>可换款</em>
            </li>
            <li class="hover">
                <span><i class="t04"></i></span>
                <em>检测</em>
            </li>
            <li>
                <span><i class="t08"></i></span>
                <em>评价换款</em>
            </li>
        </ul>
    </section>
    
    <!-- 定价 -->
  	<section class="price">
    	<span class="title">您的产品黄金戒指</span>
    	<i>产品估价为</i>
    	<em>￥1688.00</em>
    </section>
    <section class="price_button">
    	<span><a href="">确认变现</a></span>
    	<span><a href="">放弃变现</a></span>
    </section>
    
    <!-- 免费换 -->
    <section class="buy">
    	<span class="title">您还可以免费换一下新款</span>
        <ul>
            <li>
            	<a href="">
                <span><img src="../../images/com/01.jpg"></span>
            	<em>￥1600.00</em>
                </a>
            </li>
            <li>
            	<a href="">
                <span><img src="../../images/com/01.jpg"></span>
            	<em>￥1600.00</em>
                </a>
            </li>
            <li>
            	<a href="">
                <span><img src="../../images/com/01.jpg"></span>
            	<em>￥1600.00</em>
                </a>
            </li>
            <li>
            	<a href="">
                <span><img src="../../images/com/01.jpg"></span>
            	<em>￥1600.00</em>
                </a>
            </li>
            <li>
            	<a href="">
                <span><img src="../../images/com/01.jpg"></span>
            	<em>￥1600.00</em>
                </a>
            </li>
            <li>
            	<a href="">
                <span><img src="../../images/com/01.jpg"></span>
            	<em>￥1600.00</em>
                </a>
            </li>
        </ul>
    </section>
</main>

<!-- 提示 -->
<section class="mask" style="display:none;">
	<section class="layer prompt">
        <p>回收完成！您的提现金额为<em>￥1100</em>，您可以提现到我的钱包或者换款！</p>
        <section class="submit">
        	<a href="">去提现</a>
        	<a href="">取消</a>
        </section>
    </section>
</section>

</body>
</html>
